<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link type="text/css" rel="stylesheet" href="<c:url value='/bootstrap/css/bootstrap-ko.css'/>" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/font.css'/>" />
<%-- <script src="<c:url value='/js/imgControl.js'/>"></script> --%>
<title>Insert title here</title>
<%-- <script src="<c:url value='/js/functionSet.js'/>"></script>
<link type="text/css" rel="stylesheet" href="<c:url value='/css/font.css'/>" /> --%>
<style>
html,body{
width:100%;
height:100%;
}
ul{
list-style: none;
width:371px;
height:30px;
}

li{
float: left;
color:white;
　
}
</style>
</head>

<body style="background: #d0d0d0">

<%--  <img src="<c:url value='/images/testImg/image1 (14).jpg'/>" id="image1" style="width:100px; height:100px; border-radius:50px"><br>
 <img src="<c:url value='/images/testImg/image1 (14).jpg'/>" id="image1" style="width:100px; height:100px;"> --%>
 <div style="width:674px; height:526px;background:#7b8daa; position: relative; margin:  0 auto; top: 50%; margin-top:-283px;text-align: center;/* Opera */
box-shadow:10px 10px 10px silver;

/* Firefox */
-moz-box-shadow:10px 10px 10px silver;

/* Safiri, Chrome */
-webkit-box-shadow:10px 10px 10px silver;

/* IE */
filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135, strength=20);">
 <div style="width:370px; height:250px; margin: 0 auto;position: absolute; margin-top: 53px; margin-left: 154px; ">
 	<img src="<c:url value='/images/login/login_logo.png'/>" style="display:block; margin: 0 auto;"/>
 	<!-- <span style="display:block; color: white; margin: 0 auto; font-size: 25px;margin-top:25px;margin-bottom:35px;">처음 만나는 세상의 모든 이야기</span> -->
 	<img src="<c:url value='/images/login/login_letter.png'/>" style="display:block; margin: 0 auto; margin-top: 15px;
margin-bottom: 15px;"/>
 	<input type="text" style="/* width:370px; height:32px; */ padding: 10px; width:353px;  -webkit-border-radius: 0px; -moz-border-radius: 0px;  border-radius: 0px;"><br>
 	<div style="text-align: right; height:1px;">
 		<img src="<c:url value='/images/login/login_question.jpg'/>" style="margin-top:-62px;"/>
 	</div>
 	<input type="text" style="/* width:370px; height:32px;  */ padding: 10px; width:353px;margin-top: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px;  border-radius: 0px; ">
 	<div style="width:370px; height:19px; margin-top:25px; margin-bottom: 25px;">
 		<div style="width:135px; height:19px;">
 			<input type="radio"  style="margin-right: 5px; margin-top:-5px;"><span style="font-size: 14px; color: white;">로그인 상태 유지</span>
 		</div>
 	</div>
 	<button style="width:373px; height:52px; background-repeat:no-repeat; background:transparent; border:0; background-image: url('/images/login/login_button.png')"></button>
 	<ul style="margin-top:25px;">
	 	<li onClick=""><img src="<c:url value='/images/login/login_bullet.png'/>" style="margin-right:7px;margin-left:7px; margin-top:-2px;"/>회원가입</li>
	 	<li style="margin-left:33px;"><img src="<c:url value='/images/login/login_bullet.png'/>" style="margin-right:7px; margin-top:-2px;"/>WeHub 계정찾기</li>
	 	<li style="margin-left:33px;"><img src="<c:url value='/images/login/login_bullet.png'/>" style="margin-right:7px; margin-top:-2px;"/>비밀번호 찾기</li>
 	</ul>
 	</div>
 </div>
 
<!-- <div style="width: 100%; height:100%;">
	<div style="float: left; width:25%; height:50%;">
		<img  id="image1" style="width:100%; height:100%; border-bottom: 0;">
	</div>
	<div style="float: left; width:25%; height:50%;">
		<img id="image2" style="width:100%; height:100%; border: 0">
	</div>
	<div style="float: left; width:25%; height:50%;">
		<img src="" id="image3" style="width:100%; height:100%; border: 0">
	</div>
	<div style="float: left; width:25%; height:50%;">
		<img src="" id="image4" style="width:100%; height:100%; border: 0">
	</div>
	
	<div style="clear: both;"></div>
	
	<div style="float: left; width:25%; height:50%;">
		<img src="" id="image5"  style="width:100%; height:100%; border-style: none;">
	</div>
	<div style="float: left; width:25%; height:50%;">
		<img src="" id="image6" style="width:100%; height:100%; border-style: none;">
	</div>
	<div style="float: left; width:25%; height:50%;">
		<img src="" id="image7" style="width:100%; height:100%; border-style: none;">
	</div>
	<div style="float: left; width:25%; height:50%;">
		<img src="" id="image8" style="width:100%; height:100%; border-style: none;">
	</div>

</div> -->
</body> 
</html>